<template>
	<view class="info-item">
		<view class="item-title">
			<text>{{title}}</text>
		</view>
		<view style="width: 100%;">
			<text class="message-text">{{message}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"InfoItem",
		data() {
			return {
				
			};
		},
		props: {
			title:{
				default:'标题',
				typeof:String
			},
			message:{
				default:'以具体项目信息为准',
				typeof:String
			}
		},
	}
</script>

<style lang="scss">
.info-item{
	display: flex;
	align-items: center;
	// border-bottom: 1rpx solid #E1E0E0;
	// min-height: 76rpx;
	justify-content: space-between;
	// white-space: nowrap;
	padding: 8rpx;
}
.item-title{
	font-weight: 400;
	font-size: 28rpx;
	color: #666666;
	min-width: 140rpx;
	// margin-left: 34rpx;
	margin-right: 66rpx;
}
.message-text{
	font-weight: 500;
	font-size: 28rpx;
	color: #333333;
}
</style>